<template>
    <div>
        <blockIndexNavBar title="个人档案"></blockIndexNavBar>
        <van-row type="flex" justify="center"
                 class="rowCls">
            <van-col span="24">基本信息</van-col>
        </van-row>
        <van-cell value="" is-link>
            <!-- 使用 title 插槽来自定义标题 -->
            <template #title>
                <span class="custom-title">单元格</span>
            </template>
            <template #right-icon>
                <van-image width="30" height="30" src="https://img.yzcdn.cn/vant/cat.jpeg" @click="click"/>
            </template>
        </van-cell>
    </div>
</template>

<script>
    import blockIndexNavBar from "@/components/blockIndexNavBar";
    import { ImagePreview } from 'vant';
    export default {
        name: "personalInfo",
        components: {
            blockIndexNavBar
        },
        methods: {
            click() {
                ImagePreview(['https://img.yzcdn.cn/vant/apple-1.jpg']);
            }
        }
    }
</script>

<style scoped lang="less">
    .rowCls {
        width: 100%;
        font-size: 20px;
        background-color: #3a8ee6;
        border-radius: 9px;
        -moz-border-radius: 25px; /* Old Firefox */
    }

</style>
